<template>
    <div class="banner">
        <slider class="slider" interval="3000" auto-play="true">
            <div class="frame" v-for="img in imageList">
            <image class="image" resize="cover" :src="img.src"></image>
            </div>
        </slider>
    </div>
</template>
<script>
    export default {
        components:{

        },
        data: () => ({
            imageList: [
                { src: 'http://a.weacar.com/images/consultScrollBanner-1.png'},
                { src: 'http://a.weacar.com/images/consultScrollBanner-2.png'}
            ]
        })
    }
</script>

<style>
  .banner{
    height:2.6rem;
    width:100%;
    margin-top:1rem;
  }
  .wrapper{
    font-size:20px;
    color:red;
  }
  .image {
    width:100%;
    height:2.6rem;
  }
  .slider {
    width: 100%;
    height:2.6rem;
  }
  .frame{
    width:100%;
    height:100%;
  }
</style>